<template>
  <div class="about">
    <h1>This is an about page</h1>
    <child :aa="msg" bb="msg"></child>
    <!-- <child></child>
    <child></child>
    <child></child>
    <child></child> -->
    <!-- 作为标签使用 双标签单标签都可以 -->
  </div>
</template>

<script>
// 1.引入
// import child from "../components/Child.vue";
import child from "@/components/Child";
// @代表/src
export default {
  data() {
    return {
      msg: "这是父组件的msg",
    };
  },
  components: {
    child,
    // child:child
  },
  //第二步：注册子组件
};
</script>
